.container {
  position: relative;
  height: 400px; //relative to playfield size
  width: 400px; //relative to playfield size
  border: 0px;
  overflow: hidden;
 
}

.centerdiv {
  margin: 0px;
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  border: 0px;
  overflow: hidden;
}

.bodybg {
    background-color:#C0C0C0
}


.playtable {
    line-height:0px;
    border-spacing:0px;
}

.playtable td {
     padding:0px
}

.menulink {
    color: black;
    font-size: 18px;
}

.emptydiv {
    width: 24px;
    height: 24px;
    //background-image: url("./pics/covered.png");
    background-color:  #C0C0C0;
    border: 2px;
    border-style: solid;
    border-bottom-color: #7F7F7F;
    border-right-color: #7F7F7F;
    border-top-color: #F5F5F5;
    border-left-color: #F5F5F5;
}

.flagdiv {
    width: 24px;
    height: 24px;
    background-image: url("./pics/flag-cache.png");
}


.modaldiv {
    z-index: 999;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    overflow-y: auto;
    background-color: #C0C0C0;
    top: 5%;
    left: 5%;
    height: 90%;
    width: 90%;
    opacity: 0.9;
}

.menudiv {
    z-index: 990;
    position: absolute;
    overflow-y: auto;
    background-color: #C0C0C0;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.upperdiv {
    width:40%;
   display: inline-block;
       
}